/*-----------------------------------设置deckgrid块的列-------------------------*/
.deckgrid[deckgrid]::before {
  /* Specifies that the grid should have a maximum of 4 columns. Each column will have the classes 'column' and 'column-1-4' */
  content: '5 .column.column-1-5';
  font-size: 0; /* See https://github.com/akoenig/angular-deckgrid/issues/14#issuecomment-35728861 */
  visibility: hidden;
}

.deckgrid .column {
  float: left;
}

.deckgrid .column-1-5 {
  width: 20%;
}



@media screen and (max-width: 480px){
  .deckgrid[deckgrid]::before {
    content: '1 .column.column-1-1';
  }

  .deckgrid .column-1-1 {
    width: 100%;
  }
}

@media screen and (max-width: 720px ) and (min-width: 480px){
  .deckgrid[deckgrid]::before {
    content: '2 .column.column-1-2';
  }

  .deckgrid .column-1-2 {
    width: 50%;
  }
}

@media screen and (max-width: 960px ) and (min-width: 720px) {
  .deckgrid[deckgrid]::before {
    content: '3 .column.column-1-3';
  }

  .deckgrid .column-1-3 {
    width: 33%;
  }
}

@media screen and (max-width: 1200px ) and (min-width: 960px) {
  .deckgrid[deckgrid]::before {
    content: '4 .column.column-1-4';
  }

  .deckgrid .column-1-4 {
    width: 25%;
  }
}

@media screen and (max-width: 1440px ) and (min-width: 1200px) {
  .deckgrid[deckgrid]::before {
    content: '5 .column.column-1-5';
  }

  .deckgrid .column-1-5 {
    width: 20%;
  }
}

@media screen and (min-width: 1680px ) {
  .deckgrid[deckgrid]::before {
    content: '6 .column.column-1-6';
  }

  .deckgrid .column-1-6 {
    width: 13%;
  }
}